import Link from 'next/link';
import '../style.scss';

type Props = {
	title?: string;
	description?: string;
};

// 채널이 존재하지 않거나 활동이 중단된 경우 표시되는 안내 화면.
// layout(early-return) / not-found.tsx / error.tsx 에서 공통으로 사용.
export default function ChannelNotFound({
	title = '채널을 찾을 수 없습니다',
	description = '채널이 존재하지 않거나 활동이 중단된 채널입니다.'
}: Props) {
	return (
		<div className="channel-page">
			<div className="channel-page__notice">
				<h1 className="channel-page__notice-title">{title}</h1>
				<p className="channel-page__notice-desc">{description}</p>
				<Link href="/" className="channel-page__notice-home">홈으로 가기</Link>
			</div>
		</div>
	);
}